<!-- 组件传值 -->

<!-- vue框架 -->
<script src="./vue.js"></script>

<!-- 界面显示 -->
<div id="app">
    <!-- 自定义组件当中属性的名字要与自定义props后面的值对应 -->
    <mcomponent name="tilts"></mcomponent>
</div>



<!-- 脚本声明 -->
<script>
    //注册定义组件
    Vue.component('mcomponent', {
        data() {

        },
        //props当中设置的值，作为属性的名称
        props: ['name'],
        template: '<p>我是自定义组件{{name}}</p >'
    });

    var vue = new Vue({
        el: '#app',

    });
</script>

<style>

</style>